﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - CashOrCard</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />        
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/jqueryui")
        @Scripts.Render("~/bundles/jqueryval")
        @Scripts.Render("~/bundles/jqueryrating")
        @Scripts.Render("~/bundles/jqueryslide")
        @Scripts.Render("~/bundles/modernizr")
        @Scripts.Render("~/bundles/common")
        @Styles.Render("~/Content/css")
        <script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
        
    </head>
    <body> 
        <div id="wrap">            
            <div id="header">
                <div class="header-top">
                    <div class="logo"><a href="/"><img src="~/Images/logo.gif" /></a></div>
                    <div class="ads">
                        <a href="#"><img src="~/Images/header-ad.gif" /></a>
                    </div>
                    <div class="login">
                        @Html.Partial("_LoginPartial")
                    </div>
                 </div>                                
            </div>
            <div id="header-menu">
                <div class="menu">
                    <ul>
                        <li class="menu-start"></li>
                        <li class="menu-body">
                            <div class="menus">
                                <a href="/" class="home">HOME</a>
                                <a href="/SitePage/About" class="about-us">ABOUT US</a>
                                <a href="/SitePage/BusinessModel" class="bus-model">BUSINESS MODEL</a>
                                <a href="/SitePage/MT" class="mt">MT</a>
                                <a href="/SitePage/JoinUs" class="join-us">JOIN US</a>
                            </div>
                            <div class="search-box">
                                @using (Html.BeginForm("QuickSearch", "search"))
                                {
                                    <input type="text" id="sitename" name="sitename" />
                                    <input type="submit" id="btn-search" value="" /> 
                                }                               
                            </div>
                        </li>
                        <li class="menu-end"></li>
                    </ul>
                </div>
            </div>
            @if (ViewBag.ShowBanner != null && ViewBag.ShowBanner)
            {
                
            <div id="banner-ads">
                <div class="ads" id="banner-slides">
                    <a href="/search"><img src="~/Images/banner/slide1.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide2.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide3.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide4.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide5.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide6.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide7.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide8.png" /></a>
                    <a href="/search"><img src="~/Images/banner/slide9.png" /></a>
                </div>
            </div>
            
                <script>
                    $(function() {
                        $('#banner-slides').slidesjs({
                        width: 1331,
                        height: 529,
                        play: {
                          active: false,
                          auto: true,
                          interval: 4000,
                          swap: true
                        },
                        pagination: {
                            active:false
                        },
                        navigation: {
                            active:false
                        }

                      });
                    });
                  </script>
            }
            <div id="container">                
                @RenderSection("featured", required: false)
                @RenderBody()
            </div>
            <div id="footer">
                <div class="footer-content">
                    <div class="footer-section">
                        <div class="section-title">Contact us</div>
                        <ul>
                            <li>Tell - 123454566</li>
                            <li>Email - email@email.com</li>
                            <li>Add - jinan shandong</li>
                        </ul>
                    </div>
                    <div class="footer-section">
                        <div class="section-title">Support&Help</div>
                    </div>
                    <div class="footer-section">
                        <div class="section-title">Find US</div>
                    </div>
                    <div class="footer-section">
                        <img src="~/Images/logo-shadow.gif" />
                    </div>
                </div>
            </div>
            <div id="footer-copyright">
                <div class="copyright">
                    Copyright 2013. All rights reseved
                </div>
            </div>
        </div>                
    </body>
</html>
